<!DOCTYPE html>
<html class="x-admin-sm">

<head>
	<meta charset="UTF-8">
	<title>电子学会比赛管理系统</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
	<link rel="stylesheet" href="./css/font.css">
	<link rel="stylesheet" href="./css/xadmin.css">
	<script type="text/javascript" src="./js/abkj/match/api/news.js"></script>
	<!-- 引入在线资源 -->
	<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-6.4.0.min.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/news.js"></script>
	<script type="text/javascript" src="./js/abkj/oss/app.js"></script>
	<script type="text/javascript" src="./js/abkj/fun_tool.js"></script>
	<script type="text/javascript" src="./js/abkj/slAjax.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/news.js"></script>
	<script type="text/javascript" src="./js/abkj/oss/app.js"></script>
	<script type="text/javascript" src="./js/abkj/fun_tool.js"></script>
	<script type="text/javascript" src="./js/abkj/slAjax.js"></script>
	<script type="text/javascript" src="./js/abkj/ext/programlib.js"></script>
	<script type="text/javascript" src="./js/abkj/oss/app.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/zone.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/topic.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/grade.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/matchzoneview.js"></script>

	<script type="text/javascript" src="./js/abkj/match/api/scheduleitem.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/scheduletype.js"></script>

	<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
	<script src="./js/jquery.min.js"></script>
	<script type="text/javascript" src="./js/xadmin.js"></script>
	<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
	<!--[if lt IE 9]>
	<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
	<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
	<![endif]--></head>

<body>
<div class="layui-fluid">
	<div class="layui-row">
		<form class="layui-form" lay-filter="informationForm">
			<div class="layui-form-item">
				<label for="username" class="layui-form-label">
					<span class="x-red">*</span>模块</label>
				<div class="layui-input-inline">
					<select name="status" lay-verify="required" id="modelName">
						<option value="0">通知公告</option>
						<option value="1">赛项说明</option>
						<option value="2">用户消息</option>

					</select>
				</div>
				<div class="layui-form-item">
					<label for="username" class="layui-form-label">
						<span class="x-red">*</span>标题</label>
					<div class="layui-input-inline">
						<input type="text" placeholder="请输入标题" id="title" name="title" required="" lay-verify="required" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item layui-form-text">
				<label for="desc" class="layui-form-label"><span class="x-red">*</span>简介</label>
				<div class="layui-input-block">
					<textarea style="width: 30%" id="introduction" placeholder="请输入200字以内的新闻简介" id="desc" lay-verify="required" name="desc"
					          class="layui-textarea"></textarea>
				</div>
			</div>
				<div class="layui-form-item">
					<label for="phone" class="layui-form-label">
						<!--<span class="x-red">*</span>-->
						展示图
					</label>

					<div class="layui-input-inline">
						<button type="button" id="test1"
										style="width: 80px;height: 80px;background: #ffffff;border: 1px solid #999;border: 1px dashed #d9d9d9;background-color: #fafafa;">
							<i class="layui-icon layui-icon-add-1" style="font-size: 30px;"></i>
							<section>
								上传图片
							</section>
						</button>
						<div class="layui-upload-list">
							<section id="demo1" class="img" style="width: 270px; height: 150px;display: none; background-size: cover;"></section>
						</div>
									<section class="tips x-red">支持PNG、JPG，图片大小1920*750</section>
					</div>
					<!-- oss图片上传插件 开始 -->
					<div class="layui-form-item " style="display: none;">
						<div class="panel panel-primary">
							<div class="panel-heading">Upload file</div>
							<div class="panel-body">
								<form action="" class="form-horizontal">
									<div class="form-group">
										<label>Select file</label>
										<input type="file" id="file"/>
									</div>
									<div class="form-group">
										<label>Store as</label>
										<input type="text" class="form-control" id="object-key-file" value="object"/>
									</div>
									<div class="form-group">
										<input type="button" class="btn btn-primary" id="file-button" value="Upload"/>
									</div>
								</form>
								<br/>
								<div class="progress">
									<div id="progress-bar"
											 class="progress-bar"
											 role="progressbar"
											 aria-valuenow="0"
											 aria-valuemin="0"
											 aria-valuemax="100" style="min-width: 2em;">
										0%
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 结束 -->
					<div class="layui-form-item layui-form-text">
						<label for="desc" class="layui-form-label"><span class="x-red">*</span>描述</label>
						<div class="layui-input-block" style="width: 80%;">
													<textarea class="layui-textarea" id="desc" style="display: none">
														<!-- 把编辑器的初始内容放在这textarea即可 -->
													</textarea>
						</div>
					</div>
					<div class="layui-form-item">
						<label for="L_repass" class="layui-form-label"></label>
						<button class="layui-btn" lay-filter="add" lay-submit="">确认提交</button>
					</div>
		</form>
	</div>
</div>
<script>
  var bianjiqi
	var layedit
	var funTool=fun_tool()
	var varId=funTool.getUrlParam("id");
	var varOssImgUrl = ''
	var maxSortId=0;
	function loadData(){
		NewsgetObj(varId,function(data){
			// 获取当前编辑的内容
			console.log(data)
		})
	}
	loadMaxSort();
	function loadMaxSort(){
		var queryData = {
				    page:{
				        current:1, //当前页数
				        size: 1  //每页长度
				    },
				    cond:{ //条件
				        eq:{ // 多条件对象
	                    },
	                    order:{ //排序条件
	                    	type:"desc",
	                    	attrName:["sort_id","create_time"]
	                    }
				    }
				};
				NewsPageList(queryData,function(data){
					// 找到当前置顶的新闻
					var retList = data.records;
					maxSortId = retList[0].sortId+1

				},function(status,message){

				})
	}
	// oss 图片上传事件
	layui.use('upload', function () {
		var $ = layui.jquery
			, upload = layui.upload

		//普通图片上传
		var uploadInst = upload.render({
			elem: '#test1',
			auto: false,
			// multiple: true,
			acceptMime: 'image/png, image/jpeg',
			choose: function (obj) {
				//预读本地文件示例，不支持ie8
				obj.preview(function (index, file) {
					applyTokenDo(file, function (ret) {
						//dzxh.oss-cn-hangzhou.aliyuncs.com
						varOssImgUrl = 'https://dzxh.oss-cn-hangzhou.aliyuncs.com/' + ret.name
						$('#demo1').show().css('background-image', 'url(' + varOssImgUrl + ')') //图片链接（base64）
					}, function (ret) {

					})
				})
			},
			error: function () {
				//演示失败状态，并实现重传
				var demoText = $('#demoText')
				demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>')
				demoText.find('.demo-reload').on('click', function () {
					uploadInst.upload()
				})
			}
		})
	})

	layui.use('layedit', function () {
	layedit = layui.layedit
	 , $ = layui.jquery
	 layedit = layui.layedit
		, $ = layui.jquery
		layedit.set({
	uploadImage:{
	url:"http://47.114.219.249:88/thirdplat-provider/oss/putfile",//接口url
	//url:"http://localhost:8092/login/putfile",
	type:'post'//默认post
}
});
		//构建一个默认的编辑器
		var index = layedit.build('desc')
		bianjiqi=index

		//编辑器外部操作
		var active = {
			content: function () {
				alert(layedit.getContent(index)) //获取编辑器内容
			}
			, text: function () {
				alert(layedit.getText(index)) //获取编辑器纯文本内容
			}
			, selection: function () {
				alert(layedit.getSelection(index))
			}
		}

		$('.site-demo-layedit').on('click', function () {
			var type = $(this).data('type')
			active[type] ? active[type].call(this) : ''
		})
	})
	layui.use(['form', 'layer'], function () {
			$ = layui.jquery
			var form = layui.form,
				layer = layui.layer
			if (funTool.getUrlParam('id')) {
				NewsgetObj(funTool.getUrlParam('id'),function(data){

          var status='0'
		//    alert(data.modelName)
					if (data.modelName=='通知公告'){
						status='0'
					}
					else if (data.modelName=='赛项说明'){
						status='1'
					}
					else if (data.modelName=='用户消息'){
						status='2'
					}

					// alert(JSON.stringify(data))
					document.getElementById("introduction").value=data.introduction

					// alert(JSON.stringify(data))
					form.val('informationForm', {
						status: status,
						title: data.title,

					})
					var img=data.bannerImg
					varOssImgUrl=img
					// alert(JSON.stringify(data))
					$('#demo1').show().css('background-image', 'url(' + img  + ')')
					setTimeout(function(){
						layedit.setContent(bianjiqi, data.content, false);
						form.render()
					},1000)
				},function(status,message){
					// alert(message);
				})


			}
			//自定义验证规则
			form.verify({
				nikename: function (value) {
					if (value.length < 5) {
						return '昵称至少得5个字符啊'
					}
				},
				pass: [/(.+){6,12}$/, '密码必须6到12位'],
				repass: function (value) {
					if ($('#L_pass').val() != $('#L_repass').val()) {
						return '两次密码不一致'
					}
				}
			})

			//监听提交
			form.on('submit(add)',
				function (data) {
					console.log(data)
					var now =parseInt(new Date().getTime()/1000)
					// alert(now)
					// alert( $("#modelName").find("option:selected").text())
					var varNews = {
						modelName: $("#modelName").find("option:selected").text(),
						title: $("#title").val(),
						bannerImg: varOssImgUrl,
						content: "",
						sortId:now
					}
					console.log(varNews)
					if(varNews.modelName == '用户消息'){
						varNews.sortId=0
					}
					varNews.content = layedit.getContent(bianjiqi)
					varNews.introduction=document.getElementById("introduction").value
					// alert(varNews.content)
					varNews.id = varId
					if (varId!=null||varId!=undefined||varId!=''){
						NewsupdateById(varNews,function(data){
							// 更新成功
							layer.alert("修改成功！", {
									icon: 6
								},
								function () {
									// 获得frame索引
									var index = parent.layer.getFrameIndex(window.name)
									//关闭当前frame
									parent.layer.close(index)
										xadmin.father_reload()

								})

						}, function (status, message) {

						})
					}
					if(varId == null){
						NewsaddObj(varNews, function (data) {
						//发异步，把数据提交给php
						layer.alert("增加成功", {
								icon: 6
							},
							function () {
								// 获得frame索引
								var index = parent.layer.getFrameIndex(window.name)
								//关闭当前frame
								parent.layer.close(index)
									xadmin.father_reload()
							})
						}, function (status, message) {

						})
					}else{


					}


					return false
				})

		})
</script>
<script>var _hmt = _hmt || [];
(function () {
	var hm = document.createElement("script")
	hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190"
	var s = document.getElementsByTagName("script")[0]
	s.parentNode.insertBefore(hm, s)
})()</script>
</body>

</html>
